<template>
    <page-scroll :footer="true">
        <template #bg>
            <div class="bg"></div>
        </template>
        <template #header>
            <gltitle :title="title"
                    :is_name="false"
                    :is_back="true"
                    :is_lang="false"
                    :is_kf="false"
            ></gltitle>
        </template>
        <template #content>
            <div class="container">
                <div class="box">
                    <div class="itemBox">
                        <div class="pic">
                            <img src="../../assets/images/Group46.png" alt="">
                        </div>
                        <div class="titi">{{ $t('page4.doc43') }}</div>
                    </div>
                    <div class="bot">
                        <button class="btn" @click="onBtn()" :disabled="isDisable">{{ $t('page.doc29') }}</button>
                    </div>
                </div>
            </div>
        </template>
    </page-scroll>
</template>

<script>
export default {
    data() {
        return {
            title:this.$t('title.doc51'),
            isDisable: false,
        };
    },
    mounted() {
    },
    methods: {
        onBtn(){
            this.isDisable = true;
            setTimeout(() => {
                this.isDisable = false;
            }, 2000);
            if (!this.isDisable) {
                return;
            }
            this.$router.go(-1);
        }
    },
};
</script>
  
<style lang="less" scoped>
  .btn {
    border-radius: .16rem;
  }
  .box {
    padding-top: .3rem;
    .itemBox{
        text-align: center;
        padding: 0.64rem 0.24rem;
        .pic{
            img{
                height: 1.9rem;
            }
        }
        .titi{
            margin-top: .34rem;
            font-family: PingFang SC;
            font-size: .4rem;
            font-style: normal;
            font-weight: 600;
            color: var(--COcolor3);
        }
    }
  }
  .bot {
    padding-top: .3rem;
  }
  .btn{
    background: var(--CObackgroundLinear1);
    color: var(--COcolor3);
    border-radius: .16rem;
  }
  
  </style>